<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <title>miosi</title>
        <meta name="description" content="Handbag" />
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
        <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
        <script type="text/javascript" src="js/jqueryHint.js"></script>
        <script type="text/javascript" src="js/coin-slider/coin-slider.js"></script>
        <link rel="stylesheet" href="js/coin-slider/coin-slider-styles.css" type="text/css"/>
        <link href="css/layout.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="css/ws_container.css" media="screen" rel="stylesheet" type="text/css" />
        <link href="css/ws_home.css" media="screen" rel="stylesheet" type="text/css" />

        <script type="text/javascript">
            $(document).ready(function(){
                // last child ie
                $('.hmenu_8 > ul > li:last-child').addClass('last');
                $('.vmenu_wi_8 > ul > li:last-child').addClass('last');
                
                //banner
                $('#banner_wrapper').coinslider({
                    width: 1000, 
                    height: 350, 
                    navigation: false, 
                    delay: 5000
                });
                
                $('#searchText').hint();
            })
        </script>
    </head>
    <body>
        <div id="wrapper">
            <div id="wrapper_top">
                <div id = "top_section_1">
                    <div id="ts1_wrapper">
                        <div id="hook_top_1" class="hook">
                            <style>
                                .vmenu_wi_8 ul.vmenu_list li {
                                    float: left;
                                    padding-right: 5px;
                                    margin-right: 5px;
                                    border-right: 1px solid #dddddd;
                                }

                                .vmenu_wi_8 ul.vmenu_list li.last {
                                    padding-right: 0px;
                                    margin-right: 0px;
                                    border-right: 0px;
                                }

                                .vmenu_wi_8 ul.vmenu_list li a:link, 
                                .vmenu_wi_8 ul.vmenu_list li a:visited {
                                    font: 11px Arial;
                                    color: #dddddd;
                                }
                                .vmenu_wi_8 ul.vmenu_list li a:hover {
                                    color: #ffffff;
                                }
                            </style>
                            <!-- VMENU widget -->
                            <div id="vmenu_wi_10" class="vmenu_wi_8">
                                <ul class="vmenu_list">
                                    <li><a href="#">Đăng nhập</a></li>
                                    <li><a href="#">Đăng ký</a></li>
                                </ul>
                            </div>
                            <!-- END VMENU widget -->

                            <style>
                                .language_bar_1 ul.language_list {
                                    text-align: right;
                                }

                                .language_bar_1 ul.language_list li {

                                    display: inline;
                                    margin-right: 5px;
                                }
                            </style>
                            <!-- Language bar widget -->
                            <div id="language_bar_wi_1" class="language_bar_1">
                                <ul class="language_list">
                                    <li><a href="#"><img src="images/vietnam_flag.png" alt="#"/></a></li>
                                    <li><a href="#"><img src="images/england_flag.png" alt="#"/></a></li>

                                </ul>
                            </div>
                            <!-- END Language widget -->

                        </div>
                        <!-- End #hook_top_1 -->
                    </div>
                    <!-- End #ts1_wrapper -->

                </div>
                <!-- End #top_section_1 -->

                <div id = "top_section_2">
                    <div id="hook_top" class="hook">
                        <style>
                            .logo_6 h1 a:link, .logo_6 h1 a:visited{
                                font: normal 70px myriad pro;
                                color: #222222;
                            }
                            .logo_6 h1:first-letter {
                                text-transform: uppercase;
                                color: red;

                            }
                            .logo_6 h3 a:link, .logo_6 h3 a:visited{
                                font: normal 12px Arial, sans-serif;
                                color: #666666;
                            }
                        </style>
                        <!-- LOGO WIDGET -->
                        <div id="logo_wi_1" class="logo_6">
                            <h1><a href="#">miosi</a></h1>
                            <h3><a href="#">Market Fashion Theme</a></h3>
                        </div>    
                        <!-- END LOGO WIDGET -->


                        <style>
                            .cart_block_4 .cart{
                                margin-bottom: 15px;
                                overflow: hidden;
                            }
                            .cart_block_4 .cart .image_wrapper{
                                float: left;
                                width: 35px;
                                height: 25px;
                                margin-right: 10px;
                            }
                            .cart_block_4 .cart .image_wrapper img{
                                width: 30px;
                                height: 23px;
                            }
                            .cart_block_4 .cart p.cart_title a:link, .cart_block_4 .cart p.cart_title a:visited{
                                font: 17px 'times new roman';
                                color: #222222;
                            }
                            .cart_block_4 .cart p.cart_title a:hover{
                                color: #666666;
                            }
                            .cart_block_4 .cart_infor {
                                font: 12px Arial, sans-serif;
                                color: #666666;
                            }
                            .cart_block_4 .cart_infor span{
                                color: #c12822;
                            }                   
                        </style>
                        <!-- CART BLOCK WIDGET -->
                        <div id="cart_block_wi_1" class="cart_block_4">
                            <div class="cart">
                                <div class="image_wrapper">
                                    <a href="#"><img src="images/cart_icon.png" alt="cart icon" /></a>
                                </div>
                                <!-- End .image_wrapper -->
                                <p class="cart_title"><a href="#">Giỏ hàng</a></p>
                                <div class="clear"></div>
                            </div><!-- End .cart -->

                            <div class="cart_infor">
                                <a href="#">Có <span>0</span> sản phẩm : <span>0</span> VNĐ</a>
                            </div><!-- End .cart_infor -->
                        </div>
                        <!-- END CART BLOCK WIDGET -->

                        <style>
                            .hmenu_8 ul.menu_list {
                                height: 50px;
                                padding-top: 15px;
                                padding-left: 15px;
                            }

                            .hmenu_8 ul.menu_list li {
                                float: left;
                                margin-right: 45px;
                            }

                            .hmenu_8 ul.menu_list li.last {
                                margin-right: 0px;
                            }

                            .hmenu_8 ul.menu_list li a:link, .hmenu_8 ul.menu_list li a:visited{
                                font: 18px 'times new roman';
                                color: #222222;
                                text-transform: uppercase;
                            }

                            .hmenu_8 ul.menu_list li a:hover, .hmenu_8 ul.menu_list li a.active{
                                font: 18px 'times new roman';
                                color: #c12822;
                                text-transform: uppercase;
                            }

                        </style>
                        <!-- HMENU WIDGET -->
                        <div id="hmenu_wi_1" class="hmenu_8">
                            <ul class="menu_list">
                                <li class="menu_home"><a href="#"><img src="images/hmenu_home_icon.png" alt="hmenu_home_icon" /></a></li>
                                <li><a href="#">giới thiệu</a></li>
                                <li><a href="#" class="active">bộ sưu tập</a></li>
                                <li><a href="#">tin tức</a></li>
                                <li><a href="#">showroom</a></li>
                                <li><a href="#">liên hệ</a></li>
                            </ul>
                        </div>
                        <!-- END HMENU WIDGET -->

                        <style>

                            .search_wrapper {
                                width: 249px;
                                height: 27px;
                                padding-left: 5px;
                                background: url(images/search_bar.png) no-repeat;
                                position: relative;
                            }

                            .searchText {
                                border: 0px;
                                line-height: 27px;
                                height: 24px;
                                width: 200px;
                                overflow: hidden;
                                top: 1px;
                                position: absolute;
                            }

                            .searchbox_submit {
                                border:0px; /*important*/
                                background-color:transparent; /*important*/
                                position:absolute; /*important*/
                                top:7px;
                                left:220px;
                                width:14px;
                                height:14px;
                            }
                        </style>
                        <!-- SEARCH BAR WIDGET -->
                        <div id="search_bar_wi_1" class="search_bar_6"> 
                            <div class="search_wrapper">
                                <form id="searchForm" class="searchForm" action="#" method="post">
                                    <input type="text" class="searchText blur" id="searchText" value="" title="Search Keyword Here ..."/> 
                                    <input type="image" src="images/search_icon.png" class="searchbox_submit" value="" />
                                </form>
                            </div>

                            <!-- End .search_wrapper -->
                        </div>
                        <!--END SEARCH BAR WIDGET --> 
                    </div>
                    <!-- End #hook_top --> 
                </div>
                <!-- End #top_section_2 -->

            </div>
            <!-- End #wrapper_top -->

            <div id="wrapper_custom_1">
                <div id="wrapper_banner">
                    <div id="hook_banner" class="hook">
                        <style>
                            #banner_wrapper {
                                width: 1000px;
                                height: 350px;
                            } 
                            #banner_box {
                                width: 1000px;
                                height: 350px;
                                padding-bottom: 6px;
                                background: url(images/banner_shadow.png) no-repeat bottom;
                            }
                        </style>
                        <!-- BANNER WIDGET -->
                        <div id="banner_wi" class="banner_1">
                            <div id="banner_box">
                                <div id="banner_wrapper">
                                    <a href="images/banner/1.png" target="_blank">
                                        <img src="images/banner/1.png" alt="home_banner" />
                                    </a>
                                    <a href="images/banner/2.png" target="_blank">
                                        <img src="images/banner/2.png" alt="home_banner" />
                                    </a>
                                    <a href="images/banner/3.png" target="_blank">
                                        <img src="images/banner/3.png" alt="home_banner" />
                                    </a>
                                </div> 
                            </div>
                            <!-- End #banner_box -->
                        </div>
                        <!-- End BANNER WIDGET-->
                    </div>
                    <!-- End #hook_banner -->
                </div><!-- End #wrapper_banner -->

                <div id="wrapper_product_1" class="clearfix">
                    <div id="col_left">
                        <div id="hook_sidebar" class=hook">
                            <style>

                                .vmenu_4 h1.heading {
                                    font: normal 18px 'times new roman';
                                    text-transform: uppercase;
                                    color: #222222;
                                    padding-bottom: 15px;
                                    margin-bottom: 15px;
                                    border-bottom: 1px dotted #999999;
                                    width: 210px;
                                }

                                .vmenu_4 ul.vmenu_list li {
                                    margin-bottom: 15px;
                                    padding-left: 15px;
                                    background: url(images/list_icon_1.png) no-repeat left;
                                }

                                .vmenu_4 ul.vmenu_list li a:link,
                                .vmenu_4 ul.vmenu_list li a:visited {
                                    font: normal 12px Arial;
                                    color: #666666;
                                }

                                .vmenu_4 ul.vmenu_list li a:hover {
                                    color: #c12822;
                                }

                            </style>
                            <!-- VMENU WIDGET -->
                            <div id="vmenu_wi_1" class="vmenu_4">
                                <h1 class="heading">Bộ sưu tập</h1>
                                <ul class="vmenu_list">
                                    <li><a href="#">Áo jacket</a></li>
                                    <li><a href="#">Quần jean</a></li>
                                    <li><a href="#">Áo liền quần</a></li>
                                    <li><a href="#">Váy</a></li>
                                    <li><a href="#">Quần áo ngủ</a></li>
                                    <li><a href="#">Giày dép</a></li>
                                    <li><a href="#">Skirts</a></li>
                                    <li><a href="#">Vớ, bít tất</a></li>
                                    <li><a href="#">Đồ thể thao</a></li>
                                    <li><a href="#">Đồ bơi</a></li>
                                    <li><a href="#">Phụ kiện khác</a></li>
                                </ul>
                                <!-- End .vmenu_list -->
                            </div>
                            <!-- END VMENU WIDGET -->


                            <style>

                                .html_block_7 h1.heading {
                                    font: normal 18px 'times new roman';
                                    text-transform: uppercase;
                                    color: #222222;
                                    padding-bottom: 15px;
                                    margin-bottom: 15px;
                                    border-bottom: 1px dotted #999999;
                                    width: 210px;
                                }

                                .html_block_7 p.description {
                                    font: normal 12px Arial;
                                    color: #666666;
                                    margin-bottom: 20px;
                                    width: 210px;
                                }

                                .html_block_7 ul.list li {
                                    margin-bottom: 15px;
                                    height: 50px;

                                }

                                .html_block_7 ul.list li img{
                                    width: 50px; 
                                    height: 50px;
                                    float: left;
                                    margin-right: 10px;

                                }

                                .html_block_7 ul.list li a:link, .html_block_7 ul.list li a:visited{
                                    font: normal 12px Arial;
                                    color: #666666;
                                }

                                .html_block_7 ul.list li a:hover{
                                    font: normal 12px Arial;
                                    color: #444444;
                                }

                                .html_block_7 ul.list li a span{
                                    padding-top: 18px;
                                    display: block;
                                }


                            </style>
                            <!-- HTML BLOCK WIDGET -->
                            <div id="html_block_wi_3" class="html_block_7">
                                <h1 class="heading">Hỗ trợ trực tuyến</h1>    
                                <p class="description">
                                    Để được tư vấn, hỗ trợ hoặc biết thêm thông tin, quý khác có thể liên hệ trực tuyến với chúng tôi :
                                </p>
                                <ul class="list">
                                    <li>
                                        <a href="#"><img src="images/online_support_active.png" alt="" />
                                            <span>Nhân viên hỗ trợ trực tuyến</span></a>
                                    </li>
                                    <li>
                                        <a href="#"><img src="images/online_support_inactive.png" alt="" />
                                            <span>Nhân viên hỗ trợ trực tuyến</span></a>
                                    </li>
                                </ul>
                                <!-- End .description -->
                            </div>
                            <!-- END HTML BLOCK WIDGET -->

                            <style>
                                .html_block_10 h1.heading {
                                    font: normal 18px 'times new roman';
                                    text-transform: uppercase;
                                    color: #222222;
                                    padding-bottom: 15px;
                                    margin-bottom: 15px;
                                    border-bottom: 1px dotted #999999;
                                    width: 210px;
                                }

                                .html_block_10 p.description {
                                    font: normal 12px Arial;
                                    color: #666666;
                                    margin-bottom: 15px;
                                    width: 210px;
                                }

                                .html_block_10 .newsletterForm .input_wrapper {
                                    width: 200px;
                                    height: 27px;
                                    background: url(images/newsletter_bar.png) no-repeat;
                                    position: relative;
                                    margin-bottom: 10px;
                                }

                                .html_block_10 .newsletterForm .input_wrapper .newsLetter {
                                    height: 22px;
                                    left: 30px;
                                    position: absolute;
                                    top: 2px;
                                    width: 166px;
                                    border: 0px;
                                }

                                .html_block_10 .newsletterForm .input_wrapper img {
                                    border: none;
                                    height: 15px;
                                    left: 5px;
                                    position: absolute;
                                    top: 6px;
                                    width: 20px;
                                }

                                .html_block_10 .newsletterForm .sendLetter {
                                    width: 68px;
                                    height: 27px;
                                    border: none;
                                    color: #ffffff;
                                    text-align: center;
                                    cursor: pointer;
                                    background: url(images/submit_button_bg.png) no-repeat;
                                }

                            </style>
                            <!-- HTML BLOCK WIDGET -->
                            <div id="html_block_wi_4" class="html_block_10">
                                <h1 class="heading">newsletter</h1>    
                                <p class="description">
                                    Đăng ký email để nhận thông tin khuyến mãi :
                                </p>
                                <!-- End .description -->

                                <form id="newsletterForm" class="newsletterForm" action="#" method="post">
                                    <div class="input_wrapper">
                                        <img src="images/newsletter_icon.png" alt="" />
                                        <input type="text" name="newsLetter" class="newsLetter" />
                                    </div>
                                    <!-- End .input_wrapper -->
                                    <input type="submit" name="sendLetter" id="sendLetter" class="sendLetter" value="OK" /> 
                                </form>

                            </div>
                            <!-- END HTML BLOCK WIDGET -->
                        </div>
                        <!-- End #hook_sidebar -->
                    </div>
                    <!-- End #col_left -->

                    <div id="col_right">
                        <div id="hook_product_list_1" class="hook">

                            <!-- WIDGET PRODUCT FEATURE -->
                            <div id="product_feature_wi" class="product_feature_0">
                                <link href="../../widget/product_feature/4/product_feature_0.css" media="screen" rel="stylesheet" type="text/css" />
                                <script src="../../widget/product_feature/4/script.js" type="text/javascript" ></script>
                                <style>
                                    /* override style here*/
                                    .product_feature_0 {
                                        width:740px;
                                        float:left;
                                        padding:0px 0px 40px 0px;
                                    }
                                </style>    

                                <div class="button_choice"><a href="#" class="button_new_product active" >Sản phẩm mới</a> &nbsp;|&nbsp; <a href="#" class="button_best_seller">Sản phẩm bán chạy</a></div>


                                <div class="list_new_product">
                                    <div class="list_product">

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Double-scoopneck tee dress in stripe & dot print </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  
                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  
                                    </div>
                                    <!--END list_product--> 
                                </div>
                                <!--END list_new_product--> 

                                <div class="list_best_seller">
                                    <div class="list_product">

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#"> Best sellerDouble-scoopneck tee dress in stripe & dot print </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  

                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  
                                        <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  <div class="product_item">
                                            <div class="product_img"> <a href="#"><img src="images/p1.jpg" alt="name_prodcut" title="name_product" /></a> </div>
                                            <div class="section_info">
                                                <div class="product_item_title"><a href="#">Sweetheart halter dress </a></div>
                                            </div>
                                            <div class="section_commerce">
                                                <div class="product_price">600,00 €</div>
                                                <div class="product_add_cart"><a href="#"><span>Mua hàng </span></a></div>
                                            </div>
                                        </div>
                                        <!--END product_item-->  
                                    </div>
                                    <!--END list_product--> 
                                </div>
                                <!--END list_best_seller--> 
                            </div>
                            <!-- End .product_feature_4 -->

                            <!-- END WIDGET PRODUCT FEATURE -->
                        </div>
                        <!-- End #hook_product_list_1 -->
                    </div>
                    <!-- End #col_right -->

                </div>
                <!-- End #wrapper_product_1 -->
            </div>
            <!-- End #wrapper_custom_1 -->

            <div id="wrapper_footer">
                <div id="wrapper_footer_top">
                    <div id="col_left">
                        <div id="hook_footer_infor" class="hook">
                            <style>
                                .html_block_7 p{
                                    font: 12px Arial;
                                    color: #666666;
                                }
                            </style>
                            <!-- HTML BLOCK WIDGET -->
                            <div id="html_block_wi_1" class="html_block_7">
                                <p>Công ty cổ phần đầu tư quốc tế Gidaff</p>
                                <p>Địa chỉ: số 3 đường 6 khu tập thể f361 An Dương, Hà Nội</p>
                                <p>ĐT: 04.3513 4346 - Hotline: +84986764863</p>
                                <p>Fax: 04.3513 4346</p>

                            </div>
                            <!-- END HTML BLOCK WIDGET -->
                        </div>
                        <!-- End #hook_footer_infor -->
                    </div>
                    <!-- End #col_left -->

                    <div id="col_right">
                        <div id="hook_social_network" class="hook">
                            <style>
                                .social_network_2 ul.social_network_list li {
                                    float: left;
                                    width: 59px;
                                    height: 59px;
                                    margin-right: 15px;
                                }

                                .social_network_2 ul.social_network_list li a:link, 
                                .social_network_2 ul.social_network_list li a:visited,
                                .social_network_2 ul.social_network_list li a:hover{
                                    display: block;
                                    width: 59px;
                                    height: 59px;

                                }

                                .social_network_2 ul.social_network_list li a.facebook{
                                    background: url(images/facebook_icon.png) no-repeat;

                                }

                                .social_network_2 ul.social_network_list li a.facebook:hover{
                                    background: url(images/facebook_hover_icon.png) no-repeat;

                                }

                                .social_network_2 ul.social_network_list li a.twitter{
                                    background: url(images/twitter_icon.png) no-repeat;

                                }

                                .social_network_2 ul.social_network_list li a.twitter:hover{
                                    background: url(images/twitter_hover_icon.png) no-repeat;

                                }

                                .social_network_2 ul.social_network_list li a.youtube{
                                    background: url(images/youtube_icon.png) no-repeat;

                                }

                                .social_network_2 ul.social_network_list li a.youtube:hover{
                                    background: url(images/youtube_hover_icon.png) no-repeat;

                                }
                            </style>
                            <!-- SOCIAL NETWORK WIDGET -->
                            <div id="social_wi_1" class="social_network_2">
                                <ul class="social_network_list">
                                    <li><a href="#" class="facebook"></a></li>
                                    <li><a href="#" class="twitter"></a></li>
                                    <li><a href="#" class="youtube"></a></li>
                                    <div class="clear"></div>
                                </ul>
                            </div>
                            <!-- END SOCIAL NETWORK WIDGET -->
                        </div>
                        <!-- End #hook_social_network -->
                    </div>
                    <!-- End #col_right -->
                    <div class="clear"></div>
                </div><!-- End #wrapper_footer_top -->

                <div id="wrapper_footer_bottom">
                    <div id="fb_wrapper">
                        <div id="col_left">
                            <div id="hook_copyright" class="hook">
                                <style>
                                    .copyright_wi_10 {
                                        width: 400px;
                                        margin-top: 15px;
                                    }

                                    .copyright_wi_10 p {
                                        width: 400px;
                                        font: 11px Arial;
                                        color: #dddddd;
                                    }
                                </style>
                                <!-- Copyright widget -->
                                <div id="copyright_wi" class="copyright_wi_10">
                                    <p>©2012 Miosi. A Gidaff product.</p>
                                    <p>All Rights Reserved</p>
                                </div>
                                <!-- End Copyright widget -->

                            </div>
                            <!-- End #hook_copyright -->
                        </div>

                        <div id="col_right">
                            <div id="hook_logo" class="hook">
                                <style>
                                    .logo_7 h1 a:link, .logo_7 h1 a:visited{
                                        font: normal 48px myriad pro;
                                        color: #ffffff;
                                    }
                                    .logo_7 h1:first-letter {
                                        text-transform: uppercase;
                                        color: red;

                                    }

                                </style>
                                <!-- LOGO WIDGET -->
                                <div id="logo_wi_2" class="logo_7">
                                    <h1><a href="#">miosi</a></h1>
                                </div>    
                                <!-- END LOGO WIDGET -->
                            </div>
                            <!-- End #hook_logo -->
                        </div>
                    </div>
                    <!-- End #fb_wrapper -->

                </div><!-- End #wrapper_footer_bottom -->

            </div>
            <!-- End #wrapper_footer -->

        </div><!--END wrapper-->
    </body>
</html>